// sass中除了CSS选择器，属性也可以进行嵌套
// 嵌套属性的规则是这样的：把属性名从中划线-的地方断开，在根属性后边添加一个冒号:，紧跟一个{ }块，把子属性部分写在这个{ }块中。
// 就像css选择器嵌套一样，sass会把你的子属性一一解开，把根属性和子属性部分通过中划线-连接起来，最后生成的效果与你手动一遍遍写的css样式一样
nav {
    border: {
    style: solid;
    width: 1px;
    color: #ccc;
    }
  }